import QtQuick 2.12
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.3
import QtGraphicalEffects 1.0


Page{
    id:root
    title: "Button"


//    Flow{
//        anchors.fill: parent
//        anchors.margins: 4
//        spacing: 40
//        flow:Flow.TopToBottom

//        RadialGradient{
//            width: 200
//            height: 200
//            gradient: Gradient {
//              GradientStop { position: 0.0; color: "white" }
//              GradientStop { position: 0.5; color: "black" }
//            }
//        }

//        RadialGradient{
//            width: 200
//            height: 200
//            gradient: Gradient {
//              GradientStop { position: 0.0; color: "#556145" }
//              GradientStop { position: 0.5; color: "#a89454" }
//            }
//        }


//    }



    Rectangle{
        id:rectangle
        width: 200
        height: 200
        radius: 100
    }

    RadialGradient{
        id:gradient
        width: 200
        height: 200
        visible: false
        gradient: Gradient {
          GradientStop { position: 0.0; color: "#156145" }
          GradientStop { position: 0.5; color: "#b89454" }
        }
    }

    OpacityMask{
        id:opacityMs
        anchors.fill: gradient
        source: gradient
        maskSource: rectangle
    }

    RadialGradient{
        id:gradient2
        width: 200
        height: 200
        x:300
        gradient: Gradient {
          GradientStop { position: 0.0; color: "#156145" }
          GradientStop { position: 1.0; color: "#b89454" }
        }
    }


}
